<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="renderer" content="webkit">
  		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>网站后台管理模版</title>
		<link rel="stylesheet" type="text/css" href="./static/admin/layui/css/layui.css"/>
		<link rel="stylesheet" type="text/css" href="./static/admin/css/admin.css"/>
	</head>
	<style>
		h1, h2, h3 {
    font-size: 22px;
    font-weight: 400;
    /* margin: 0; */
    /* margin: auto; */
    text-align: center;
    padding-top: 17px;
		}
		.m-logo {
    width: 100%;
    height: 60px;
    background: #00b5f9 center center no-repeat;
	}
	</style>
	<body>
		<div class="main-layout" id='main-layout'>
			<!--侧边栏-->
			<div class="main-layout-side">
				<div class="m-logo">
					<h1 aligh="center" style="color:#f5f5f5">微博内容分析</h1>
				</div>
				<ul class="layui-nav layui-nav-tree" lay-filter="leftNav">
				  
				  <li class="layui-nav-item">
					  <a href="javascript:;" data-url="同城榜可视化.html" data-id='1' data-text="同城榜"><span class="l-line"></span><i class="iconfont">&#xe608;</i>同城榜</a>
					</li>
					<li class="layui-nav-item">
					  <a href="javascript:;" data-url="新时代可视化.html" data-id='2' data-text="新时代"><span class="l-line"></span><i class="iconfont">&#xe608;</i>新时代</a>
					</li>
					<li class="layui-nav-item">
					  <a href="javascript:;" data-url="热搜词可视化.html" data-id='3' data-text="热搜词"><span class="l-line"></span><i class="iconfont">&#xe608;</i>热搜词</a>
					</li>
					<li class="layui-nav-item">
					  <a href="javascript:;" data-url="话题榜.html" data-id='4' data-text="话题榜"><span class="l-line"></span><i class="iconfont">&#xe608;</i>话题榜</a>
				  </li>
				  
				</ul>
			</div>
			<!--右侧内容-->
			<div class="main-layout-container">
				<!--头部-->
				<div class="main-layout-header">
					<div class="menu-btn" id="hideBtn">
						<a href="javascript:;">
							<span class="iconfont">&#xe60e;</span>
						</a>
					</div>
				</div>
				<!--主体内容-->
				<div class="main-layout-body">
					<!--tab 切换-->
					<div class="layui-tab layui-tab-brief main-layout-tab" lay-filter="tab" lay-allowClose="true">
					  <ul class="layui-tab-title">
					    <li class="layui-this welcome">后台主页</li>
					  </ul>
					  <div class="layui-tab-content">
					    <div class="layui-tab-item layui-show" style="background: #f5f5f5;">
					    	<!--1-->
					    	<iframe src="新时代可视化.html" width="100%" height="100%" name="iframe" scrolling="auto" class="iframe" framborder="0"></iframe>
					    	<!--1end-->
					    </div>
					  </div>
					</div>
				</div>
			</div>
			<!--遮罩-->
			<div class="main-mask">
				
			</div>
		</div>
		<script src="./static/admin/layui/layui.js" type="text/javascript" charset="utf-8"></script>
		<script src="./static/admin/js/common.js" type="text/javascript" charset="utf-8"></script>
		<script src="./static/admin/js/main.js" type="text/javascript" charset="utf-8"></script>
		
	</body>
</html>
